import * as React from 'react';
import { type Metadata } from 'next';
import { Shell } from '@/components/shell';
import { ChangeVendorClient } from './change-vendor-client';

export const metadata: Metadata = {
  title: '벤더 변경',
  description: '유저의 벤더를 검색하고 변경할 수 있습니다.',
};

export const dynamic = 'force-dynamic';

export default async function ChangeVendorPage() {
  return (
    <Shell className="gap-6">
      <div className="flex items-center justify-between space-y-2">
        <div>
          <h2 className="text-2xl font-bold tracking-tight">벤더 변경</h2>
          <p className="text-muted-foreground">
            유저를 검색하고 선택한 후, 해당 유저의 벤더를 변경할 수 있습니다.
          </p>
        </div>
      </div>

      <ChangeVendorClient />
    </Shell>
  );
}